<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
               *{
                margin: 0px;
                padding: 0px;
                list-style:none;
                }
                .q{
                    height: 74px;
                    background: url('tp.jpg') repeat-x;
                }
                .q1{
                    width: 968px;
                    height: 74px;
                    margin:0px auto;
                }
                .q1 h1{
                    float: left;
                }
                .q1 ul{
                    float: right;
                }
            
                .q1 li{
                    float: left;
                }
                .q1 img{
                    height: 40px;
                    margin-top: 16px;
                }
                .q1 a{
                    font-size: 13px;
                    text-decoration: none;
                    color:rgb(155, 147, 147);
                }
                .q1 li{
                    margin-right: 14px;
                    padding:9px;
                    margin-top: 17px;
                }
                .q1 li:hover{
                    background:rgb(109, 98, 98);
                    border-radius: 20px;
                }
                .a{
                    height: 424px;
                    background: #dddddd;
                    border-bottom:1px solid #dddddd;
                }
                .a .s{
                    width: 968px;
                    margin:0px auto;
                }
                .a .c{
                    float: left;
                }
                .a.s.c a {
                    color: #11c964;
                    margin-top: 14px;
                    font-size: 15px;
                }
                .a .right{
                    float: right;
                }
                .a h2{
                    margin-top: 30px;
                }
                .a img{
                    margin-top: 30px; 
                }
                .a li{
                    color: rgb(150, 150, 150);
                    margin-top: 8px;
                    font-size: 13px;
                }
                .d{
                    width: 968px;
                    height: 377px;
                    background:#ffffff;
                    margin:50px auto 32px;
                }
                .d .l{
                    float: left;
                }
                .d .l li {
                    float: left;
                    width: 218px;
                }
                .d.l img{
                    width: 600px;
                }
                .d .l .o{
                    width: 1 ;
                }
                .d .t{
                    float: right;
                }
                .t span{
                    float: right;
                    margin-left: 8px;
                    font-size: 13px;
                    color: rgb(143, 133, 133);
                }
                .t h3{
                    margin-bottom: 8px;
                    width: 314px;
                }
                .t li{
                    width: 314px;
                    font-size: 13px;
                    color: rgb(82, 196, 82);
                    margin-bottom: 8px;
                }
                i{
                    color:red;
                }
                .k{
                    clear: both;
                    margin-top: 22px;
                    border-top: 1px solid #cbced1d7;
                    font-size: 12px;
                    top: 50px;
                    color: #a0a0a0;
                    padding: 10px 0;
                    width: 968px;
                    height: 377px;
                    background:#ffffff;
                    margin:50px auto 32px;
                }
                .k p{color: #a0a0a0;
                    font-size: 10px;
                }
                .k .kk a{
                    color: rgb#a0a0a0;
                    text-decoration: none;
                    font-size: 13px;
                    float: left;
                }
                .k .kk p{
                    float: left;
                    color: #a0a0a0;
                    margin-left: 5px;
                    font-size: 13px;
                    margin-right: 5px;
                }
                .k .kkk a{color: #a0a0a0;
                        text-decoration: none;
                        font-size: 13px;
                        float: right;
                }
                .k .kkk p{
                    float: right;
                    color: #a0a0a0;
                    margin-left: 5px;
                    font-size: 13px;
                    margin-right: 5px;
                }
                .p{
                    float: right;
                }
        </style>
    </head>
    <body>
        <div class="q">
            <div class="q1">
                <h1>
                    <a href="">
                        <img src="kk.png" alt="">
                    </a>
                </h1>
                <ul>
                    <li>
                        <a href="">
                            首页
                        </a>
                    </li>
                     <li>
                        <a href="">
                            帮助与反馈
                        </a>
                    </li>
                    <li>
                        <a href="">
                            公众平台
                        </a>
                    </li>
                    <li>
                        <a href="">
                            开放平台
                        </a>
                    </li>
                    <li>
                        <a href="">
                             微信支付
                        </a>
                    </li>
                    <li>
                        <a href="">
                            微信广告    
                        </a>
                    </li>
                    <li>
                        <a href="">
                            企业微信           
                        </a>
                    </li>
                    <li>
                        <a href="">
                            表情开放平台                    
                        </a>
                    </li>
                    <li>
                        <a href="">
                             微信网页版
                         </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="a">
            <div class="s">
                <div class="c">
                    <h2>微信，是一个生活方式</h2>
                        <ul>
                            <li>超过十亿人使用的手机应用</li>
                            <li>支持发送语音短信、视频、图片和文字</li>
                            <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
                            <img src="yy.png" alt="">
                            <li> <a href="https://weixin110.qq.com/security/readtemplate?t=find_password/index" target="_blank">忘记了微信帐号或密码？</a></li>
                            <li><a href="https://weixin110.qq.com/security/readtemplate?t=find_password/index" target="_blank">忘记了微信帐号或密码？</a></li>
                            <li><span class="dot"></span> <a href="https://weixin110.qq.com/security/readtemplate?t=page/account_frozen__intro" target="_blank">冻结或解冻微信帐号</a></li>
                        </ul>
                </div>
                <div class="p">
                        <img src="hh.png" alt="">  
                </div>
             </div>
        </div>
        <div class="d">
            <div class="l">
                <img src="dd.png" alt="">
                <ul>
                    <li>
                        <h6> 微信网页版</h6>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上使用微信</p>
                        <a target="_blank" href="https://wx.qq.com/" >了解更多</a>        
                        </li>
                    <li>
                        <h6>微信 Mac 版</h6>
                        <p>极致简洁，迅捷沟通</p>
                        <a target="_blank" href="https://mac.weixin.qq.com/" >了解更多</a>     
                    </li>
                    <li class="o">
                        <h6>微信 Windows 版</h6>
                        <p>让沟通更方便</p>
                        <a target="_blank" href="https://pc.weixin.qq.com/" >了解更多</a>       
                    </li>
                </ul>
            </div> 
                <div class="t">
                            <h3>更新消息</h3>
                            <ul>
                                <li>微信 8.0.1 for Android 正式版发布<i>（new）</i> <span>02-05</span></li>
                                <li>微信 8.0.2 for iOS正式版发布<i>(new)</i> <span>02-02</span></li>
                                <li>微信 2.6.1 for Mac 正式版发布<i>(new)</i> <span>10-20</span></li>
                                <li>微信 3.4.0 for Windows 正式版发布<i>(new)</i> <span>12-24</span></li>
                                <li>关于部分IOS 9 用户无法更新微信<i>(new)</i> <span>01-28</span></li>
                                <li>微信外部链接内容管理规范<span>02-11</span></li>
                                <li>微信网页版 2.1 颁布发布<span>01-17</span></li>
                                <li>微信表情开放平台上线<span>07-29</span></li>
                                <li>官方辟谣公众号开通<span>10-28</span></li>
                                <li>查看更多</li>
                            </ul>
                </div> 
        </div>
        <div class="k">
                <div class="kk">
                        <a href="">关于腾讯</a>
                        <p>|</p>
                        <a href="">服务条款</a>
                        <p>|</p>
                        <a href="">使用规范</a>
                        <p>|</p>
                        <a href="">客服中心</a>
                        <p>|</p>
                        <a href="">隐私保护指引</a>
                </div>
                <div class="kkk">
                        <a href="">简体中文</a>
                        <p>|</p>
                        <a href="">繁體中文</a>
                        <p>|</p>
                        <a href="">English</a>
                </div>
                <br><br><p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
                    
            </div>
    </body>
</html>